<div class="header">
    <h1 class="font-normal font-red">Person</h1>
    <i class="fa fa-ellipsis-v" (click)="toSet()"></i>
</div>
<div class="user">
    <i class="fa fa-user-circle" aria-hidden="true"></i>
    <h1>username</h1>
</div>
<div class="service">
    <div class="button">
        <i class="fa fa-bars" aria-hidden="true"></i>
        <h1>我的发布</h1>
    </div>
    <div class="button">
        <i class="fa fa-star" aria-hidden="true"></i>
        <h1>我的收藏</h1>
    </div>
    <div class="button" [routerLink]="'./history'" [routerLinkActive]="'true'">
        <i class="fa fa-history" aria-hidden="true"></i>
        <h1>历史记录</h1>
    </div>
</div>
<app-setting #setting></app-setting>
<router-outlet></router-outlet>